import styles from './index.module.scss'

const SU7 = () => {
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>小米 SU7</h1>
      <div className={styles.content}>
        <div className={styles.hero}>
          <div className={styles.heroImage}>
            <div className={styles.carPlaceholder}>🚗</div>
          </div>
          <div className={styles.heroInfo}>
            <h2 className={styles.subtitle}>小米首款纯电轿车</h2>
            <p className={styles.description}>
              小米 SU7 是小米汽车推出的首款纯电动轿车，集成了小米在智能科技领域的深厚积累。
            </p>
          </div>
        </div>
        <div className={styles.features}>
          <div className={styles.featureCard}>
            <h3>⚡ 超长续航</h3>
            <p>CLTC 续航里程可达 800km+，满足长途出行需求</p>
          </div>
          <div className={styles.featureCard}>
            <h3>🚀 强劲性能</h3>
            <p>百公里加速仅需 2.78 秒，带来极致驾驶体验</p>
          </div>
          <div className={styles.featureCard}>
            <h3>🧠 智能座舱</h3>
            <p>搭载小米澎湃 OS，实现人车家全生态互联</p>
          </div>
          <div className={styles.featureCard}>
            <h3>🔋 快充技术</h3>
            <p>支持 800V 高压快充，15 分钟可充至 510km 续航</p>
          </div>
          <div className={styles.featureCard}>
            <h3>🎨 美学设计</h3>
            <p>流线型车身设计，风阻系数低至 0.195Cd</p>
          </div>
          <div className={styles.featureCard}>
            <h3>🛡️ 安全可靠</h3>
            <p>采用高强度钢铝混合车身，通过多项安全测试</p>
          </div>
        </div>
      </div>
    </div>
  )
}

export default SU7

